/**
 * 定义了一个背景绿色的Button类，继承于Button
 */
Ext.define('appfe.ux.ButtonGreen', {
    extend: 'Ext.button.Button', // 继续于Ext.button.Button
    alias: 'widget.buttongreen', // buttongreen  

    // 类初始化时执行
    initComponent: function() {
        // 设置事件监听
        this.listeners = {
            // 鼠标移开，背景设置默认颜色
            mouseout: function() {
                this.setDefaultColor();
            },
            // 鼠标移过，背景取消透明
            mouseover: function() {
                this.setHoverColor();
            },
            // 背景设置默认颜色
            boxready: function() {
                this.setDefaultColor();
            }
        };
        this.callParent(arguments); // 调用你模块的initComponent函数
    },

    setDefaultColor: function() {
        var b = document.getElementById(this.id)
        b.style.backgroundImage = 'inherit';
        b.style.backgroundColor = '#00A800';
        b.style.borderColor = '#009400';
    },
    setHoverColor: function() {
        var b = document.getElementById(this.id)
        b.style.backgroundImage = 'inherit';
        b.style.backgroundColor = '#009400';
        b.style.borderColor = '#008000';
    }
});